<!-- 导航栏面包屑 -->
<template>
  <div class="nev_breadcrumb">
    <!-- 面包屑 -->
    <el-breadcrumb separator="/" class="breadcrumb">
      <template v-for="item  in breadcrumbs" :key="item.name">
        <!-- <el-breadcrumb-item :to="item.path">{{ item.name }}</el-breadcrumb-item> -->
        <el-breadcrumb-item>{{ item.name }}</el-breadcrumb-item>
      </template>
    </el-breadcrumb>
  </div>
</template>
<script setup lang='ts' >
import { PropType } from 'vue'

import type { IBreadcrumbType } from "../types.ts"
defineProps({
  breadcrumbs: {
    type: Array as PropType<IBreadcrumbType[]>,
    default: () => []
  }
})


</script>
<style lang='less' scoped>
::v-deep .el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  color: #fff;
  font-weight: 400;
}

::v-deep .el-breadcrumb__inner[role=link] {
  font-weight: 900;
}
</style>
